<!DOCTYPE html> 
<html> 
	<head> 
	<title>My Page</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
	<script src="../js/jquery.js"></script>
	
	<script>
	$(document).ready(function(){
		   $("#bla").click(function(event){
		     alert("Thanks for visiting!");
		   });
		 });
	
	</script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>My Title</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Hello boys</p>	
		
		<ul data-role="listview" data-inset="true" data-filter="true">
			<li><a href="#draken" id="bla">Acura</a></li>
			<li><a href="http://www.brood.nl">Audi</a></li>
			<li><a href="#">BMW</a></li>
			<li><a href="#">Cadillac</a></li>
			<li><a href="#">Ferrari</a></li>
		</ul>	
		
		<form>
		   <label for="slider-0">Input slider:</label>
		   <input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />
		</form>
		
		<a href="http://www.google.com" data-role="button" data-icon="search">Click me!</a>
	</div><!-- /content -->

	

</div><!-- /page -->

</body>
</html>